<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<title>{$theme['title']}</title>
<link rel="stylesheet" type="text/css"  href="{$_G['URL']['FCPDD_CSS']}css/css2020.css?v=2"/>
<link rel="stylesheet" type="text/css" href="{$_G['URL']['APP_CSS']}dsdialog.css">
<script type="text/javascript" src="{$_G['URL']['FCPDD_CSS']}js/jquery-2.1.4.js"></script>
<script src="{$_G['URL']['FCPDD_CSS']}js/jquery.SuperSlide.2.1.js"></script>
<script src="{$_G['URL']['FCPDD_CSS']}js/page.js?v=5"></script>
<script type="text/javascript" src="{$_G['URL']['APP_JS']}dsdialog.js"></script>
{if $theme['endtime'] >$_G['TIMESTAMP']}
<script type="text/javascript" src="{$_G['URL']['FCPDD_CSS']}js/time.js"></script>
{/if}
<style type="text/css">
  img{
     pointer-events:none;
  }
  .teamTitle {
      background: {$config['formcolortop']};
  }
</style>
</head>
<!-- 页面设计已注册版权，部分或全部盗用，一经发现将由专业律师团队进行依法维权 -->
<script>
    document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth/7.5 + 'px'
    window.onresize = function() {
        document.getElementsByTagName('html')[0].style.fontSize = document.documentElement.clientWidth/7.5 + 'px'
    }
</script>
<div style="position: absolute;width: 100%; height: auto; left: 0; top: 0; z-index: 10;
 ">
  
<div id="get_danmu" {if $config['isdanmu']==1}style="position: absolute;"{/if} ></div>
</div>

{if count($config['bannerimgs'])<2 && empty($config['bannervideo'])}
<div class="banner " > <img {if !empty($workerposter)}style='pointer-events:auto;'{/if} src="{php echo tomedia($config['headlogo']);}"></div>
{else}

<style type="text/css">
    .rotate {
        width: 36px;
        height: 36px;
        left: 7px;
        top: 7px;
    }
    .video-open{
        position: absolute;
        bottom: 10%;
        left: 50%;
        margin-left: -.3rem;
        z-index: 9;
        width: 1.6rem;
        height: .6rem;
        background-image: url();
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-left: .6rem;
        box-sizing: border-box;
    }
    .video-open p{
        font-size:.32rem;
        color: #262626;
        line-height: .6rem;
    }
    .closevideo{
        position: absolute;
        color: #ffffff;
        font-size: .6rem;
        font-weight: 300;
        left: .5rem;
        top: .3rem;
        z-index: 999;
        width: .5rem;
        height: .5rem;
        border-radius: 50%;
    }
    .swpier-page{
        position: absolute;
        z-index: 20;
        right: 0;
        bottom: 5%;
        height: .4rem;
        padding: 0 .25rem;
        background: rgba(0,0,0,.6);
        border-radius: .2rem 0 0 .2rem;
        color: #fff;
        font-size: .3rem;
        line-height: .4rem;
    }
    .swiper-slide img{
        width:100%;
        display:block;
    }
</style>
<link rel="stylesheet" type="text/css" href="{$_G['URL']['YX2020_CSS']}css/swiper.min.css">
<script src="{$_G['URL']['YX2020_CSS']}js/swiper-3.4.2.min.js"></script>
{if !empty($workerposter)}
<style>
    .swiper-slide img{
        pointer-events:auto;
    }
</style>
{/if}
<div class="bannerWarp" style="display: block; position: relative;">
    {if !empty($config['bannervideo'])}
    <div class="video-con" style="width: 100%; height: 100%; background:#000; display: none;z-index: 999;position: absolute" >
        <img src="{$_G['URL']['YX2020_CSS']}images/close.png" class="closevideo" style="pointer-events: auto;">
        <video id="video" poster="{$config['headlogo']}"
               preload="auto" webkit-playsinline="true"  playsinline   x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint" style="width: 100%; height: 100%; background: rgba(0,0,0,0.8);" controls="controls">
            <source src="{$config['bannervideo']}" id = 'bannervideo'>
        </video>
    </div>
    {/if}
    <div class="swiper-container swiper-container-initialized swiper-container-horizontal" style=" position: relative">
        {if !empty($config['bannervideo'])}
        <div class="video-open">
            <p>00′35″</p>
        </div>
        {/if}
        <div class="swpier-page">
            <span>1</span>/{php echo count($config['bannerimgs']);}
        </div>

        <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-1578px, 0px, 0px);">
            {loop $config['bannerimgs'] $item}
            <div class="swiper-slide"> <img src="{$item}"></div>
            {/loop}
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-bullets">
        </div>
    </div>
</div>

<script type="text/javascript">
    {if !empty($config['bannervideo'])}
    var  video=$("#video").get(0);
    // var  video=$('#bannervideo');
    var MusicStatus = true;
    $(".video-open").click(function () {
        video.play();
        console.log("open")
        $(this).css("display", "none")
        $(".video-con").css("display", "block")
        MusicStatus = $("#audio_btn").hasClass('off');
        if (!MusicStatus){
            var videosr = $('#bgaudio');
            videosr[0].pause();
            $("#audio_btn").addClass('off');
            $("#yinfu").removeClass("rotate");
        }
    });
    $(".closevideo").click(function () {
        console.log("pause")
        video.pause();
        $(".video-open").css("display", "block")
        $(".video-con").css("display", "none")
        if (!MusicStatus){
            var videosr = $('#bgaudio');
            videosr[0].play();
            $("#audio_btn").removeClass('off');
            $("#yinfu").addClass("rotate");
        }
    });
    video.addEventListener('pause', function () {
            //暂停开始执行的函数
        $(".video-open").css("display", "block")
    });

    var i = setInterval(function() {
        if(video.readyState > 0) {
            var minutes = parseInt(video.duration / 60, 10);
            var seconds = parseInt(video.duration % 60);
            if(minutes<10){minutes='0'+minutes;}
            if(seconds<10){seconds='0'+seconds;}
            $(".video-open").html("<p>" + minutes +"′"+ seconds +"″</p>");
            clearInterval(i);
        }
    }, 200);
    {/if}

        var swiper = new Swiper('.swiper-container', {
            loop: true,
            autoplay : 2000,
            onSlideChangeEnd:function(swiper){
                if (swiper.activeIndex-1>0){
                    $(".swpier-page span").html(swiper.activeIndex-1)
                }
            },
        });
</script>
{/if}

{if $config['iscomm']==1 && $config['ismycomm']==2 }
<div  style="background: #202125; padding-top: 6px;">
  <a class="myhold" style="background: #c7a163; "  href="{php echo $_G['siteroot'].createMobileUrl('mycomm',array('themeid'=>$themeid));}">我的&#32418;&#x5305;【{$commssum}元】</a>
  </div>
  {/if}
</div>
{if $config['istime']!=10 || $config['iswttouxiang']!=10}
<div class="contBox">
  <div class="timeBox">
  {if $config['istime']!=10}
    <div id="timeTop"></div>
    <div class="orderTit">
      <h2>&#27963;&#21160;倒计时</h2>
      <div class="t_time content">
        {if $theme['endtime'] < TIMESTAMP ||  $theme['status'] != 1}
            <div class="yomibox mobile_color" data="2019-10-30 18:12:00"><ul class="yomi"><li class="yomiday">00</li><i>天</i><li class="yomihour">00</li><i>:</i><li class="yomimin">00</li><i>:</i><li class="yomisec">00</li></ul>    </div>
        {else}
            <div class="yomibox mobile_color" data="{php echo date('Y-m-d H:i:s',$theme['endtime']);}"></div>
        {/if}
      </div>
    </div>
{/if}
{if $config['iswttouxiang']!=10}
    <div id="timeTop2"></div>
{/if}
  </div>
{if $config['iswttouxiang']!=10}
  <div class="liseBo" id="liseBo">
      <div class="peopleList">
        <ul>
          {loop $fanslist $index $item}
            <li><img src="{php echo tomedia($item['avatar']);}"><p>{php echo empty($item['username'])?'null':mb_substr($item['username'],0,3,'utf-8');}</p></li>
          {/loop}
        </ul>
      </div>
  </div>
{/if}
  <div class="timeBox"></div>
{/if}
{if !empty($config['renshu'])}
<div class="jdBox" id="jdBox"></div>
{/if}
<div id="pin"></div>
{if ($system['qrlist']==1 && !empty($themyrecord['qrimg']) && !empty($config['qrlistimgs'])) }
<div class="content baixian">
  {loop $config['qrlistimgs'] $item}
    <img class='lazy' style='width:100%' src='{php echo tomedia($item);}' />
  {/loop}
  <div style="width: 100%; text-align: center;">
    <img class='lazy' style='width:70%; margin:0 auto;' src='{$themyrecord['qrimg']}' />
  </div>
</div>
{/if}
{if $config['iscommshow']==1}
<div id="phb"></div>
{/if}
<div id="isrecent"></div>
</div>
<div class="content baixian" id="centerimgs"></div>
{if $config['iscomm']==1  && $system['fenxiao07']==1}
  {include file='yxpdd/yaoyiyao'}
{/if}
{if $config['isicon']>0}
<div class="content text_center star" id="light" style="background:{$config['starbgcolor']}">
</div>
<img src="{if empty($config['sharetip'])}{$_G['URL']['APP_IMAGE']}guide_fudai.png{else}{php echo tomedia($config['sharetip']);}{/if}" class="icontip">
{/if}

{if !empty($config['imgs']) && $system['friend']==1 || ($config['isicon']==0 && $system['fenxiao07']==1)}
<div class="content baixian" id="imgs"></div>
{/if}
{if $config['iscommshow']==2}
<div id="phb"></div>
{/if}
{if $system['ruanjian']==3 && $config['showshop']==0}

<div class="content baixian">
    {if !empty($myshop)}
        {if !empty($myshop['url'])}
              <a href="{$myshop['url']}"><img class="lazy" src="{php echo tomedia($myshop['imgs']);}" /></a>
        {else}
          {if !empty($myshop['imgs']) && !empty($myshop['content'])}
              <a href="/{php echo createMobileUrl('viewshop', array('themeid'=>$themeid,'id'=>$myshop['id'],'show'=>'jianhua'));}"><img class="lazy" src="{php echo tomedia($myshop['imgs']);}" /></a>
          {elseif !empty($myshop['imgs'])}
              <img class="lazy" src="{php echo tomedia($myshop['imgs']);}" />
          {/if}
        {/if}
    {/if}
    {loop $shoplist $row}
      {if !empty($row['imgs'])}
        {if !empty($row['url'])}
              <a href="{$row['url']}"><img class="lazy" src="{php echo tomedia($row['imgs']);}" /></a>
        {else}
          {if !empty($row['imgs']) && !empty($row['content'])}
              <a href="/{php echo createMobileUrl('viewshop', array('themeid'=>$themeid,'id'=>$row['id'],'show'=>'jianhua'));}"><img class="lazy" src="{php echo tomedia($row['imgs']);}" /></a>
          {elseif !empty($row['imgs'])}
              <img class="lazy" src="{php echo tomedia($row['imgs']);}" />
          {/if}
        {/if}
      {/if}
    {/loop}
</div>
{/if}
<div class="content baixian" id="content"></div>
{if $config['iscommshow']==3}
<div id="phb"></div>
{/if}
{if $config['tuanrank'] > 0}
{include file='base/tuanrank'}
{/if}

{if $config['fansrank'] > 0}
{include file='base/fansrank'}
{/if}

{if $theme['yixuanbanquan'] != '1'}
<div class="copyRight">
<a style="font-size:12px;" href="{php echo empty($theme['USERURL'])?$system['s']['yixuanurl']:$theme['USERURL'];}">{php echo empty($theme['USERJISHU'])?$system['s']['yixuanjishu']:html_entity_decode($theme['USERJISHU'], ENT_QUOTES);}</a>
</div>
{/if}
<div class="fixNav" id="fixNav">
</div>

{if $config['isdanmu']==1}
{include file='danmu/danmu02'}
{include file='danmu/danmu01'}
{elseif $config['isdanmu']==2}
<style type="text/css">
  .danmu {position: fixed;}
</style>
{include file='danmu/danmu02'}
{/if}

<style type="text/css">

.fixBox a.btn1 { font-size: 20px;line-height: 50px; background:url({$_G['URL']['FCPDD_CSS']}images/bt2_1.png) center no-repeat ; border-radius:8px 8px 0 0; background-size:100% 100%;}
.fixBox a.btn2 { font-size: 20px;line-height: 50px; background:url({$_G['URL']['FCPDD_CSS']}images/bt2_2.png) center no-repeat ; border-radius:8px 8px 0 0; background-size:100% 100%;}
.fixBox a.btn3 { font-size: 20px;line-height: 50px; background:url({$_G['URL']['FCPDD_CSS']}images/bt2_3.png) center no-repeat ; border-radius:8px 8px 0 0; background-size:100% 100%;}
</style>

{if $config['shopstype'] == 4 }
<div class="altBox">
<div class="altTit"> 请选择{$config['shops']}（<span class="numBer">{$guding}</span>/{php echo count($config['options'])+$guding;}）</div>
<div class="choseBox">
  {if $guding>0}
  {loop $config['gudingoptions'] $row}
    <li>{$row}(必选)</li>
  {/loop}
  {/if}
  {loop $config['options'] $row}
    <span>{$row}</span>
  {/loop}
</div>
<i class="checkBtn" onclick="NextBtn()"> 下一步 </i> </div>
{/if}

<div id="teamAlt"></div>

{if $fans['status']!=2 || $system['s']['isbutton']!=1}
{if $config['fcfootmenu']==1}
  {if $config['primeprice']!='0.00' && $config['formtextleftopen']!=1}
    <style type="text/css">
    .fixBottom .buyBtn {background-image: linear-gradient(to bottom,{$config['formcolorhead']}, {$config['formcolortop']}); }
    </style>
  {else}
    <style type="text/css">
    .fixBottom .buyBtn {background-image: linear-gradient(to right, {$config['formcolorhead']}, {$config['formcolortop']}); }
    </style>
  {/if}
{/if}
<div id="footmenu"></div>
{/if}
{if $config['iscomm']==1 && $config['ishbicon']==0}
{if ($system['fenxiao01'] >0 || $system['fenxiao04'] ==1 || $system['fenxiao05'] ==1  || $system['fenxiao07'] ==1 || $system['fenxiao08'] ==1)}
<img src="" class="fenxiao" id="fenxiaotip">
<a {if $fans['status']!=2}href="javascript:showredbg()"{/if} class="redbag">
  {if empty($config['hbtip'])}
  <img src="{$_G['URL']['FCPDD_CSS']}images/hb.png">
  {else}
  <img src="{$config['hbtip']}">
  {/if}
</a>
{/if}
{/if}
<!--分享-->
<div class="share">
  <div class="sharTit">
      请长按图片，选择保存到手机<br/>
        把图片分享到朋友圈或好友，邀请好友参与
    </div>
    <img src="" style="pointer-events:auto;" id="posterimg">
</div>
<!--客服-->
<div class="kfBox">
  <div class="kfTitle">
      客服专线：<a href="tel:{$theme['mobile']}">{$theme['mobile']}</a>
    </div>
    {if !empty($workername)}
    <div class="kfNotice">
      <p>您的专属客服：{$workername}</p>
        <p>电话：<a href="tel:{$workermobile}">{$workermobile}</a></p>
    </div>
    {/if}
    {if !empty($config['kfewm']) || !empty($workerqr)}
    <div class="ewmBox">
      {if !empty($config['kfewm']) }
        <img src="{php echo tomedia($config['kfewm']);}">
      {else}
        <img src="{php echo $workerqr;}">
      {/if}
    </div>
    <p>微信在线咨询</p>
    {/if}
</div>
<div id="screen" onclick="closescreen()"></div>

<script type="text/javascript">
  function show_tuan(){
    $('#screen').fadeIn();
    $('.teamAltfade').fadeIn();
  }
</script>
<img src="{php echo $_G['URL']['APP_IMAGE']."fenxiao07.png";}" class="letgo1tip">
<!--音乐-->
<div id="audio_btn" class="">
  <div id="yinfu" class="rotate"></div>
</div>
<div id="tipsdiv" class="com-dialog com-dialog-toast showing hiding">
        <div class="toast" id="tipstext"></div>
</div> 
</body>
<script>
var load = false;
function showposter(){
    closescreen();
    {if empty($myposter['poster']) }
        tips("{$waittips}");
    {/if}

    if(load){
        return false;
    }
    load = true;
    $.ajax({
        type:'POST',
        data:{},
        dataType : "json",
        url:'/{php echo createMobileUrl("poster",array("themeid"=>$themeid,"op"=>"action","isyixuan"=>$isyixuan,"fromuid"=>$fromuid,"fopenid"=>$fopenid,"recordid"=>intval($recordid)));}',
        success:function(data){
            load = false;
            var data = data.message;
            if(data.errcode == 0){
                showimgposter('&#38271;&#x6309;保存',data.img);
            }else{
                tips(data.msg);
            }
        }
    });
}

</script>
<script type="text/javascript">
{if $config['shopstype'] == 4 }
  function NextBtn() {
    var num = $('.altBox .choseBox .on').length+{$guding};
    if(num<{$config['shopsmin']}){
      tips('最少选择{$config['shopsmin']}项！');
    }else{
      $('.altBox').animate({'bottom':'-100%'},500);
      $('.altBar').animate({'bottom':0},500);
    }
  }


  $('.altBox span').click(function(){
    if($(this).hasClass('on')){
      $(this).removeClass('on');
      var nun2 = $('.altBox .on').length+{$guding};
      $('.numBer').html(nun2);
    }else{
      var num = $('.altBox .on').length+1+{$guding};
      if(num>{$config['shopsmax']}){
        tips('最多只能选择{$config['shopsmax']}项！');
      }else{
        $(this).addClass('on');
        var nun = $('.altBox .on').length+{$guding};
        $('.numBer').html(nun);
      }
      
    }
  })
{/if}

function show_info(keyid){  
  $('.teamAltfade').fadeOut();
  {if $config['shopstype'] == 4 }
    $('.altBox').animate({'bottom':'0'},500);
  {else}
    $('.altBar').animate({'bottom':'0'},500);
  {/if}

  $('#screen').fadeIn();
  $('#check_type').attr("value", keyid);

  if(keyid == 3){
    $(".levelgroup_head").hide();
    $(".levelgroup_num").hide();
    $(".mantuan").hide();
    $(".weimantuan").show();
  }else if(keyid == 1){
    $(".levelgroup_head").hide();
    $(".levelgroup_num").hide();
    $(".mantuan").hide();
    $(".weimantuan").show();
  }else if(keyid == 4){
    $(".levelgroup_head").hide();
    $(".levelgroup_num").hide();
    $(".mantuan").hide();
    $(".weimantuan").show();
  }else if(keyid == 2){
    $(".levelgroup_head").show();
    $(".levelgroup_num").show();
    {if $nowgroupneednum!=0 || $config['tuanmode']!=0}
    $(".mantuan").hide();
    $(".weimantuan").show();
    {else}
    $(".mantuan").show();
    $(".weimantuan").hide();
    {/if}

  }
}


</script>
<audio loop src="{php echo tomedia($config['musicsrc']);}" id="bgaudio"></audio>

<script type="text/javascript">
     record = {php echo empty($showrecord)?0:$showrecord['id'];};
     neednum = {php echo empty($nowgroupneednum)?0:$nowgroupneednum;};
     myid = {php echo empty($themyrecordid)?0:$themyrecordid;};
     mytype = {php echo empty($themyrecord['type'])?0:$themyrecord['type'];};
     helpuid = {php echo empty($friendlistuid)?0:$friendlistuid;};
     $.ajax({
          type: 'POST',
          dataType : "json",
          url:'/{php echo createMobileUrl("getbasefcpdd",array("themeid"=>$themeid));}',
          data: {record:record,neednum:neednum,myid:myid,mytype:mytype,helpuid:helpuid},
          success: function(data) {
           data = data.message;
             if(data.errcode == 0){
                $('#timeTop').html(decode(data.timeTop));
                $('#timeTop2').html(decode(data.timeTop2));
                $('#jdBox').html(decode(data.jdBox));
                $('#pin').html(decode(data.pin));
                $('#isrecent').html(decode(data.isrecent));
                $('#phb').html(decode(data.phb));
                $('#fenxiaotip').attr("src",decode(data.fenxiaotip));
                $('#fixNav').html(decode(data.fixNav));
                $('#footmenu').html(decode(data.footmenu));
                $('#teamAlt').html(decode(data.teamAlt));
                btnnum = data.btnnum;

                if(btnnum==3){
                  $('.fixBox a').css('width','33.33%');
                }else if(btnnum==2){
                  $('.fixBox a').css('width','50%');                  
                  $('.fixBottom>a').css('padding-top','.2rem');
                  $('.fixBottom>a').css('line-height','1.3');
                  $('.fixBottom>a').css('width','36%');
                  $('.fixBottom>a').css('font-size','.35rem');
                }else{
                  $('.fixBox a').css('width','100%');
                  $('.fixBottom>a').css('width','72%')
                  $('.fixBottom>a').css('font-size','.48rem');
                  $('.fixBottom>a p').css('display','inline');
                  $('.fixBottom>a h2').css('display','inline');
                }

                {if $_P['showtuan']==1 }
                  show_info(2);
                {/if}
             }
          },
          error: function() {
          }
      });
</script>
{include file='fcpdd/wxpay'}
{include file='base/sharepyq'}